<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sign Up</title>
    <link rel='stylesheet' href='stylesheets/bootstrap.css' />
    <link rel='stylesheet' href='stylesheets/bootstrap-docs.css' />
    <link rel='stylesheet' href='stylesheets/signing.css' />
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation" id="mainNav">
    <a class="navbar-brand" href="#">Planning Tool</a>
</nav>
<div class="container">
    <form class="form-signin">
        <h2 class="form-signin-heading">Create your account</h2>
        <label for="inputEmail" class="sr-only">Email address</label>
        <input type="email" id="inputEmail" class="form-control top-input" placeholder="Email address" required="" autofocus="">
        <label for="inputPassword" class="sr-only">Password</label>
        <input type="password" id="inputPassword" class="form-control middle-input" placeholder="Password" required="">
        <label for="inputName" class="sr-only">Name</label>
        <input type="text" id="inputName" class="form-control bottom-input" placeholder="Name" required="">
        <button class="btn btn-lg btn-primary btn-block button" type="submit">Sign up</button>
    </form>
</div>
<script type="text/javascript" src="javascripts/jquery-3.2.1.js"></script>
<script type="text/javascript" src="javascripts/bootstrap.js"></script>
</body>
</html>